<template>
  <div class="home">
    <div class="home__left">
      <RouterLink to="/home/documentation">文档</RouterLink>
      <br />
      <RouterLink to="/home/guide">引导</RouterLink>
    </div>
    <div class="home__right">
      <div class="home__top"></div>
      <div class="home__container">
        <!-- 渲染二级 -->
        <RouterView />
      </div>
    </div>
  </div>
</template>

<style>
* {
  margin: 0;
  padding: 0;
}

html,
body,
#app {
  height: 100%;
}

.home {
  display: flex;
  height: 100%;
}

.home__left {
  width: 200px;
  background-color: green;
}

.home__right {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: hotpink;
}

.home__top {
  height: 64px;
  background-color: #000;
}

.home__container {
  flex: 1;
  background-color: aqua;
}
</style>
